<template>
    <div class="app-container">
        <levelbar></levelbar>
                <el-tabs v-model="activeName">
                    <el-tab-pane v-for="(item,index) in tabMapOptions" :label="item.label" :key='index' :name="item.key">
                        <keep-alive>
                            <dayCashOrder v-if="activeName==0&&index==0">
                            </dayCashOrder>
                            <monthCashOrder v-if="activeName==1&&index==1">
                            </monthCashOrder>
                        </keep-alive>
                    </el-tab-pane>
                </el-tabs>
    </div>
</template>

<script>
import Levelbar from '../../layout/Levelbar';
import dayCashOrder from './dayCashOrder';
import monthCashOrder from './monthCashOrder';
export default {
    components: { dayCashOrder, monthCashOrder, Levelbar},
    data() {
        return {
            activeName: '0',
            tabMapOptions: [
                { label: '日提现金额排序', key: '0' },
                { label: '月提现金额排序', key: '1' }
            ]
        }
    }
}
</script>

<style rel="stylesheet/scss" lang="scss">
   .app-container{
        position: relative;
        padding: 20px 20px 10px;
        width: 1400px;
        margin: 0 auto;
    }
</style>

